/*see on terve body taust ja et tervel htmlil on fondi suurus 20px*/

body{
background-color:#eeeeee;
margin:0px 0px 0px 0px;

font-size:20px;


}


/*DIVi paiknemine*/

#main{

margin:100px 0px 0px 300px;
font-family:coolvetica;
position:absolute;
        width:900px;
        height:700px;
        left:50%;
        top:50%;
        margin-top:-310px;
        margin-left:-450px;
		

		
		
}


#kliendinimekiri{
position:absolute;
margin-left:600px;
margin-top:-200px;
}
#main2{

margin:100px 0px 0px 300px;
font-family:coolvetica;
border-style:solid;
border-width:1px;
border-color:gray;
border-radius:15px;

position:absolute;
        width:900px;
        height:700px;
        left:50%;
        top:50%;
        margin-top:-350px;
        margin-left:-450px;
		

		
}


#main3{

margin:0px 0px 0px 0px;
font-family:coolvetica;
border-style:solid;
border-width:0px;
border-color:gray;
border-radius:15px;

position:absolute;
        width:800px;
        height:600px;
        left:50%;
        top:50%;
        margin-top:-300px;
        margin-left:-400px;
		

		animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */

}

#kasutaja_login{


margin-left:-50px;
margin-bottom:-12px;

-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}


#kasutaja{


margin-left:-50px;
margin-bottom:-12px;

-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

/*Login lehel näha oleva väikese akna kujundus*/

#login{
background-image:url(login_bg.png);
border-style:solid;
border-width:0px;
border-color:;
border-radius:15px;
width:400px;
height:200px;

margin-top:100px;
margin-left:200px;

-webkit-filter: drop-shadow(0px 0px 6px #090909);
-ms-filter: drop-shadow(0px ppx 6px #090909);
-moz-filter: drop-shadow(0px ppx 6px #090909);
-o-filter: drop-shadow(0px ppx 6px #090909);


}
/*workers lehel tabelile, et kirjad poleks liiga kõrvuti*/
#rida{
padding-right:20px;
padding-left:20px;
}
/*username lahtri vergid*/
#username{
background-image:url(input_bg.png);
border-style:solid;
border-width:0px;
border-color:#47494c;
border-radius:3px;
margin:70px 0px 0px 0px;
width:150px;
}
/*passw lahtri vergid*/
#password{
background-image:url(input_bg.png);
border-style:solid;
border-width:0px;
border-color:#47494c;
border-radius:3px;
width:150px;
}


#button{
background-image:url(input_bg.png);
border-style:solid;
border-width:0px;
border-color:#47494c;
border-radius:5px;
margin-right:140px;
margin-top:15px;
float:right;
}

@font-face {
    font-family: "coolvetica";
    src: url(coolvetica_rg.ttf) format("truetype");
}

#header{
margin-left:45px;
width:100px;
height:50px;


}

#head{
color:#0099FF;
}

dd{
font-family:coolvetica;

}

#sisu{
font-family:coolvetica;
margin-top:100px;
}

#tabel{
border-style:solid;
border-width:2px;
border-color:;
border-radius:15px;
padding:30px;

}

#kasutajad{
color:#0099FF;
margin-left:500px;
}

a{
margin-left:5px;
text-decoration:none;
color:#47494c;
-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

a:hover{
color:#0099FF;
}

#lahku{

margin-left:10px;
text-decoration:none;
color:#47494c;
-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
#lahku:hover{
margin-left:10px;
text-decoration:none;
color:#ff0000;

}

#tagasi{
float:left;
margin-left:50px;
text-decoration:none;
color:#47494c;
-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
		  
		  animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */
		  
}
#tagasi:hover{
margin-left:50px;
text-decoration:none;
color:#ff0000;

}


#otsing{

border-style:solid;
border-width:1px;
border-color:#47494c;
border-radius:3px;
margin:0px 0px 0px 0px;
}

table{
border-collapse:collapse;
}

#located{

margin-top:100px;
margin-bottom:-75px;


}


#workers, td, th{
border-style:solid;
border-width:1px;
border-color:#47494c;

margin:0px 0px 0px 0px;
}


/*FADEIN PART*/

/*FADEIN PART */


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

